body {

  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

iframe {frameborder:0;framespacing:0; marginheight:0;marginwidth:0;scrolling:no;vspace:0}

.nav-tabs>li.active>a:focus{outline:none;}

.table>thead>tr>th, .table>tbody>tr>td{vertical-align:middle;}

.table th{height:40px;}
.table th, .table td{text-align:center;}
.table tr td.left-align{text-align:left;}

.search-area{display:table; width:100%; margin:10px 0; }

.search-area > div, .search-area > div + div{display:table-cell; vertical-align:middle;}
.search-area > div{text-align:left;}
.search-area > div + div{width:20%; text-align:right;}

.search-area .btn-group{margin-left:4px;}

.margin-top {margin-top:10px;}

.login-margin {margin-left: 10px}

.right-algin { text-align: right;}

/*input*/

/*panel style */
.panel-title {color: #666666;font-size: 16px;font-weight: bold;padding: 0 0 0 4px;line-height: 0px;margin: 0;}
.box {
    display: inline-block;

    margin: 1em;
}
.after-box {
    clear: left;
}

.inputbox-width { width: 10px}
/*textarea*/
.maxwidth-textarea
{
    max-width: 510px;

}

textarea { width: 100%; border: 1px solid #333; padding: 4px; }
.the-fix { padding-right: 10px; }

.joinGroup .form-control {
    margin: 5px;
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.warpper{
    .make-row();
}

.content-main{
.make-lg-column(8);
}

.masthead {
    background-color: firebrick;
}

.content-secondary{
.make-lg-column(3);
.make-lg-column(5);
.make-lg-column(3);
.make-lg-column(5);
.make-lg-column(3);
.make-lg-column(5);
.make-lg-column(3);
.make-lg-column(5);
.make-lg-column(3
.make-lg-column(5);
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
    border-style: solid none;
    border-width: 1px 0;
    margin: 18px 0;
}

ul {
    padding:0 0 0 0;
    margin:0 0 0 0;
}
.none-ul-circle {
    list-style:circle none inside;
}
ul li img {
    cursor: pointer;
}

.text-comment{
    font-size: 6px;
    color: #8e8aff;
}